<template>
  <div>
    <Alert colorful-text>
      警告提示的内容
    </Alert>
    <Alert type="success" colorful-text>
      警告提示的内容
    </Alert>
    <Alert type="warning" colorful-text>
      警告提示的内容
    </Alert>
    <Alert type="error" colorful-text>
      警告提示的内容
    </Alert>
  </div>
</template>

<style scoped>
.vxp-alert {
  max-width: 600px;
}
</style>
